---
title: "Convex Docs"
slug: "home"
hide_table_of_contents: true
---

import TutorialGraphic from "@site/static/img/tutorial-graphic.svg";
import {
  QuickFrameworksList,
  QuickLanguagesList,
} from "@site/src/QuickstartsList.tsx";
import { LargeCardList } from "@site/src/QuickstartsList.tsx";
import { YouTubeList } from "@site/src/YouTubeLink.tsx";
import Link from "@docusaurus/Link";

Convex is the open source, reactive database where queries are TypeScript code
running right in the database. Just like React components react to state
changes, Convex queries react to database changes.

Convex provides a database, a place to write your server functions, and client
libraries. It makes it easy to build and scale dynamic live-updating apps.

<LargeCardList
  items={[
    {
      title: "Tutorial: Build a chat app",
      description:
        "Follow a step-by-step tutorial to build your first Convex app - a real-time chat application.",
      href: "/tutorial",
    },
    {
      title: "Understanding Convex",
      description:
        "Learn about the core concepts and architecture that make Convex unique and powerful.",
      href: "/understanding",
    },
  ]}
/>

## Get Started

<CardLink
  className="convex-hero-card"
  item={{
    href: "https://chef.convex.dev",
    label: "Prompt to start an app with Convex Chef",
  }}
/>

Your favorite frameworks:

<QuickFrameworksList />

Your favorite languages:

<QuickLanguagesList />

## Why Convex?

<YouTubeList
  items={[
    {
      src: "https://www.youtube.com/embed/Xjud1weG4z8?si=OMMfKzK_Dp8RgmgM",
      label: "Backends for Product Developers",
    },
    {
      src: "https://www.youtube.com/embed/UVvd7BF99-4?si=Z9_pLHMnpL9kaduE",
      label: "Intro to Convex",
    },
    {
      src: "https://www.youtube.com/embed/V6En7UO4Ui0?si=kcj1aftxV-tqe9Q-",
      label: "Supercharging your app with a reactive backend",
    },

    {
      src: "https://www.youtube.com/embed/O_HXVAMPEbc?si=qtA8nLyGjGUsXVkL",
      label: "Why I use Convex over Supabase as my BaaS",
    },

]} />

Read the team's Perspectives on [Stack](https://stack.convex.dev):

<DocCardList
  items={[
    {
      type: "link",
      href: "https://stack.convex.dev/convex-vs-relational-databases",
      label: "Convex vs Relational Databases",
    },
    {
      type: "link",
      href: "https://stack.convex.dev/convex-vs-firebase",
      label: "Convex vs Firebase",
    },
    {
      type: "link",
      href: "https://stack.convex.dev/how-convex-works",
      label: "How Convex Works",
    },
  ]}
/>

## Learn Convex

<YouTubeList
  items={[
    {
      src: "https://www.youtube.com/embed/vaQZYRSiimI?si=JLfdVVs3QkCLTZwc",
      label: "Convex with Next.js Quickstart",
    },
    {
      src: "https://www.youtube.com/embed/0OaDyjB9Ib8?si=V5_9FN3UieZmnOM5",
      label: "Notion Clone: Next.js 13, React, Convex, Tailwind",
    },
    {
      src: "https://www.youtube.com/embed/zfAb95tJvZQ?si=PaiBxNxCO0s2BuEZ",
      label: "Build a Saas Podcast Platform in Next.js",
    },
    {
      src: "https://www.youtube.com/embed/Vjtn9pWAZDI?si=of21uqly5laJQJAs",
      label: "Building a Subscription Based SaaS with Stripe",
    },

]} />

See more walkthroughs and patterns on [Stack](https://stack.convex.dev)

<DocCardList
  items={[
    {
      type: "link",
      href: "https://stack.convex.dev/tag/AI",
      label: "Build AI Apps",
    },
    {
      type: "link",
      href: "https://stack.convex.dev/tag/Patterns",
      label: "Convex Patterns",
    },
    {
      type: "link",
      href: "https://stack.convex.dev/tag/Walkthroughs",
      label: "Convex Walkthroughs",
    },
  ]}
/>
